{page.doctype}
<html>
    <head>
        <title>{page.title}</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <base href="{page.baseurl}" />
        {page.assets.style}
        <style type="text/css">
            *{
                margin:0px;
                padding:0px; 
            }
            body{
                background:#f5f5f5;
                color:#333;
                font: normal 14px/1.1 'Lucida Grande', Arial, Tahoma, Verdana;
            }
            img{
                border:none;
            }
            .clr{
                clear:both
            }
            a, a:visited{
                color:#FF9900;
                text-decoration:none;
            }
            a:hover{
                text-decoration: underline;
                color:#0099FF;
            }
            #universe{
                padding:10px 20px;
            }
            #tableName{
                font-size:30px;
                font-weight:bold;
                margin:0px 0px 20px;
            }
            #navbar{
                float:left;
                margin:5px 0 15px 0px;
            }
            #navbar a, #navbar a:visited{
                padding:5px 10px;
                margin:3px 10px 3px 0px;
                background: #FFF;
            }
            #navbar a:hover{
                color:#FFF;
                text-decoration:none;
                background:#333;
            }
            #connection{
                float:right;
                font-size:10px;
            }
            #output{
            }
            table{
                width:100%;
                border-top: 1px solid #AAA;
                border-left: 1px solid #AAA;
                border-right:1px solid #AAA;
                border-collapse: collapse;
                font-size:12px;
            }
            table td{
                background:#FFF;
            }
            table th{
                background:#CCC;
            }
            table td, table th{
                margin:0;
                padding:5px;
                text-align:left;
                border-bottom:1px solid #AAA;
            }
            table td+td, table th+th{
                border-left: 1px solid #AAA;
            }
        </style>
    </head>
    <body>
        <div id="universe">
            <div id="tableName">{model.name}</div>
            <div id="navbar">{navigation}</div>
            <div id="connection">{connection}</div>
            <div class="clr"></div>
            <div id="output">
                {output}
            </div>
            {page.assets.script}
        </div>
    </body>
</html>
